<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	response.setHeader("Access-Control-Allow-Origin", "*");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>${webName }·思通投研·让数据驱动投资价值!</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath }/css/plugins/chosen/chosen.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/plugins/select2/select2.min.css"
	rel="stylesheet">

<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath}/css/mypage.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/font-awesome/css/font-awesome.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/iCheck/custom.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/switchery/switchery.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/jasny/jasny-bootstrap.min.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/nouslider/jquery.nouislider.css"
	rel="stylesheet">


<link
	href="${pageContext.request.contextPath}/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/clockpicker/clockpicker.css"
	rel="stylesheet">

<link
	href="${pageContext.request.contextPath}/css/plugins/daterangepicker/daterangepicker-bs3.css"
	rel="stylesheet">


<link
	href="${pageContext.request.contextPath}/css/plugins/touchspin/jquery.bootstrap-touchspin.min.css"
	rel="stylesheet">

<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<!-- INCLUDES -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/bootstrap-table-expandable.css">
<script
	src="${pageContext.request.contextPath}/js/bootstrap-table-expandable.js"></script>

<style>
.select2_demo_1 {
	float: left;
	width: 120px;
	display: inline;
	margin-left: 10px;
}

.form-control {
	display: inline;
}

.col-sm-3 {
	float: right;
	width: 560px;
}

.cont {
	line-height: 24px;
	color: rgb(150, 145, 145);
	letter-spacing: 0.8px;
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica,
		Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体,
		WenQuanYi Zen Hei, WenQuanYi Micro Hei, sans-serif;
}

.input-group {
	float: right;
	width: 240px;
	margin-left: 5px;
}

td {
	vertical-align: middle;
}

#numb {
	font-size: 17px;
}

.feel {
	font-size: 20px;
	margin-top: -11px;
	margin-bottom: 11px;
	font-weight: bold;
	color: #000000;
}

.four .ibox {
	border: 1px solid #e5e6e7;
}

#se {
	padding-right: 0px;
	padding-left: 10px;
	margin-left: 0px;
	float: right;
	width: 23.3%;
	text-align: center;
}

.four .ibox-content {
	border-style: none;
	padding: 0px 20px;
}

.main-a {
	padding: 17px 10px 0 10px;
}

.main-a .ibox {
	margin-bottom: 0 !important;
}

.main-b {
	padding: 5px 10px 0 10px;
}

.m-t-sm {
	margin-top: 0;
}

.charts {
	padding: 5px 20px 10px 20px !important;
}

.nali {
	margin-left: 50px;
	float: left;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 550;
}

.tb tr{
	font-size:13.5px;
	height:60px;
	font-family:'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;
	
}
.tb tr:hover{
	color:#050350;
} 
.table-hover>tbody>tr:hover{
	back-ground:#f2f5ff;
}
.tb tr td:first-child{
	width:550px;
}

.yc{
	margin-right:30px;
	
}
.tb tr td:first-child{
 	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ans{
	margin:0px 0px 5px 45px;
}
.search-answer>span{
	margin-right:10px;
}
.obj>span{
	margin:5px 15px 0px 5px;
}
</style>

</head>

<body>

	<div id="wrapper">

		<nav class="navbar-default navbar-static-side" role="navigation">
		<%-- <%request.setAttribute("LEFT", "information");%> --%> <%@include
			file="left2.jsp"%> </nav>

		<div id="page-wrapper" class="	gray-bg">
			<div class="row border-bottom f-0">
				<jsp:include page="head2.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading"
				style="margin-top: 20px">
				<div class="col-lg-6">
					<h2>生活数据</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="active"><a>${webName }</a></li>
					</ol>
				</div>

			</div>

			<div class="wrapper wrapper-content animated fadeInRight main-a">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content charts" style="background-color: white;">
								<div class="forum-item" style="border-bottom: 0">
									<div class="row">
										<div class="col-md-9" style="width: 74%">
											<div class="forum-icon"
												style="margin-right: 11px; margin-bottom: 14px; margin-left: 6px">
												<i class="fa fa-clock-o"></i>
											</div>
											<a href="" class="forum-item-title">生活数据·统计24小时内数据采集状态</a>
											<div class="forum-sub-title"
												style="margin-left: 40px; margin-top: 6px">数据采集总量:
												17,800,600，更新时间 5分钟前</div>
										</div>

										<div class="col-md-1 forum-info">
											<div class="feel">
												<small style="color: #46D59D">正面</small>
											</div>
											<span class="views-number" id="numb"> 1516 </span>

										</div>
										<div class="col-md-1 forum-info">
											<div class="feel">
												<small style="color: #FBBA3A">中性</small>
											</div>
											<span class="views-number" id="numb"> 238 </span>

										</div>
										<div class="col-md-1 forum-info">
											<div class="feel">
												<small style="color: #F73D60">负面</small>
											</div>
											<span class="views-number" id="numb"> 180 </span>

										</div>
									</div>
								</div>
								<div class="row" style="padding: 0 30px 0 10px;">
									<div id="container" style="width: 100%; height: 250px;"></div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="wrapper wrapper-content animated fadeInRight main-b"
				style="padding: 0px 10px 0 10px; margin-top: 20px">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="input-group"
									style="float: left; width: 100px; margin: 5px 10px 0px 15px">
									<select data-placeholder="请选择" ..." disable_search="true"
										class="chosen-select" style="width: 100px;" tabindex="1">
										<option value="">请选择</option>
										<option value="1">标题</option>
										<option value="2">正文</option>
									</select>
								</div>

								<div class="input-group"
									style="float: left; width: 100px; margin: 5px 10px 0px 10px">
									<select data-placeholder="请选择" ..." disable_search="true"
										class="chosen-select" style="width: 100px;" tabindex="1">
										<option value="">请选择</option>
										<option value="1">标题</option>
										<option value="2">正文</option>
									</select>
								</div>
								<div class="input-group" style="width: 50px; margin: 5px 34px">
									<div class="input-group-btn">
										<button data-toggle="dropdown"
											class="btn btn-primary dropdown-toggle" type="button"
											style="border-radius: 3px;" aria-expanded="false">
											<i class="fa fa-bars"></i> &nbsp;全部
										</button>
										<ul class="dropdown-menu">
											<li><a href="#">正文</a></li>
											<li><a href="#">标题</a></li>

										</ul>
									</div>
									<input type="text" class="form-control" style="width: 250px;">
								</div>


								<div class="row m-t-sm">
									<div class="col-lg-12">
										<div class="panel blank-panel">
											<div class="panel-heading"></div>
											<div class="panel-body">
												<!-- <div class="tab-content">
                                <div class="tab-pane active" id="tab-1">
                                
                                    <div class="feed-activity-list" id="list">
                                    
                                    </div>
                                    <div class="feed-activity-list" id="logs">
                                    	<div class="box" id="box" style="float: right;"></div>
                                    </div>
                                </div>
                                </div> -->
												<table class="table table-hover table-expandable"
													id="tbMain">
													<thead>
														<tr style="font-size: 15px;">
															<th>发布者</th>
															<th>发布时间</th>
															<th>问题</th>
															<th>投诉对象</th>
														</tr>
													</thead>
													<tbody class="tb" id="list">
														<tr>
															<td>匿名</td>
															<td>2020-02-21 23:54:05</td>
															<td>不予退款</td>
															<td>去哪儿网客服</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">我在去哪儿上申请的退款，到现在都没有退款，电话也打不通，我去航空公司问过说钱已经退到去哪儿那边，但是都21天了还没有退款</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-23.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：已分配商家
																			去哪儿网客服</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">匿名</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:54:05</span>
																		<div class="ans">回复内容：我在去哪儿上申请的退款，到现在都没有退款，电话也打不通，我去航空公司问过说钱已经退到去哪儿那边，但是都21天了还没有退款</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：去哪儿网客服</span>
																	<span>投诉金额：960元</span>
																	<span>诉求类型：速处理,退款</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
														
														<tr>
															<td>用户7396719763</td>
															<td>2020-02-21 23:53:45</td>
															<td>退款</td>
															<td>交易猫游戏交易</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">账号问题,购买后显示商品下架,无法取消订单</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://tvax1.sinaimg.cn/default/images/default_avatar_female_180.gif?KID=imgbed,tva&Expires=1582310792&ssig=IbxZiFTUia"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：已分配商家
																			去哪儿网客服</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://tvax1.sinaimg.cn/default/images/default_avatar_female_180.gif?KID=imgbed,tva&Expires=1582310792&ssig=IbxZiFTUia"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">匿名</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:54:05</span>
																		<div class="ans">回复内容：支付了商品后，商品显示下架，询问客服退款，客服不作回答，联系了卖家卖家也不回答，无法退款，钱已经支付了。</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：交易猫游戏交易</span>
																	<span>投诉金额：180元</span>
																	<span>诉求类型：速处理,退款</span>
																	<span>状态：处理中</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
														
														
														
														<tr>
															<td>木易洋775</td>
															<td>2020-02-21 23:53:45</td>
															<td>退款</td>
															<td>网易第五人格</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">2月20号到21号，女儿偷拿妈妈手机用支付宝往第五人格游戏里冲值1415.9元。在监护人不知情的情况下，希望退款。</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-23.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：已分配商家
																			去哪儿网客服</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://tvax1.sinaimg.cn/crop.0.0.132.132.180/0084zQZsly4gc4fgd14hzj303o03oglg.jpg?KID=imgbed,tva&Expires=1582308816&ssig=Q6YCzfi%2B7D"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">木易洋775</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:53:33
																			</span>
																		<div class="ans">回复内容：2月20号到21号，女儿偷拿妈妈手机用支付宝往第五人格游戏里冲值1415.9元。在监护人不知情的情况下，希望退款。</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：网易第五人格</span>
																	<span>投诉金额：1415元</span>
																	<span>诉求类型：速处理,退款</span>
																	<span>状态：处理中</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
														
														
														
														<tr>
															<td>匿名</td>
															<td>2020-02-21 23:53:17</td>
															<td>道歉赔偿/解释</td>
															<td>来分期客户服务中心</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">有额度借不了，导致资金无法运转，希望能看到明细清单。</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：打电话没人接，人工客服无法沟通，希望可以减利息，</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">匿名</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:53:33
																			</span>
																		<div class="ans">回复内容：有额度借不了，导致资金无法运转，希望能看到明细清单。</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：来分期客户服务中心</span>
																	<span>投诉金额：49000元</span>
																	<span>诉求类型：道歉赔偿/解释</span>
																	<span>状态：处理中</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
								
								
														<tr>
															<td>匿名</td>
															<td>2020-02-21 23:52:47</td>
															<td>退款,赔偿,道歉</td>
															<td>转转客服中心</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">我在转转平台买了个手机，发货给我发错地址，那边退回快递信息然后一直就在深圳龙岗区华南城营业部好多天都不带动的，联系转转平台客服，一直就是敷衍，迟迟不肯给解决。</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:55:49</span>
																		<div class="ans">回复内容：已分配商家 转转客服中心</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21
																			23:56:21</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">匿名</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:52:47
																			</span>
																		<div class="ans">回复内容：我在转转平台买了个手机，发货给我发错地址，那边退回快递信息然后一直就在深圳龙岗区华南城营业部好多天都不带动的，联系转转平台客服，一直就是敷衍，迟迟不肯给解决。</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：转转客服中心</span>
																	<span>投诉金额：6637元</span>
																	<span>诉求类型：道歉赔偿/解释</span>
																	<span>状态：处理中</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
														
														
														
														<tr>
															<td>匿名</td>
															<td>2020-02-21 23:52:38</td>
															<td>oppor9plas</td>
															<td>OPPO客服</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">黑屏</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:55:51</span>
																		<div class="ans">回复内容：已分配商家 OPPO客服</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:55:51</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">匿名</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:52:38
																			</span>
																		<div class="ans">回复内容：oppor9p重启黑屏，售后让他们换主板950</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：OPPO客服</span>
																	<span>投诉金额：950元</span>
																	<span>诉求类型：oppor9plas</span>
																	<span>状态：处理中</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
														
														
														<tr>
															<td>匿名</td>
															<td>2020-02-21 23:51:49</td>
															<td>快速配送,要求物流如实反馈</td>
															<td>顺丰官方客服</td>
														</tr>
														<tr>
															<td colspan="5" style="padding-top: 12px;">
																<h4 class="reason">投诉内容:</h4>
																<div class="de">黑屏</div>
																<div style="margin:15px 0px 15px 5px">
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:55:51</span>
																		<div class="ans">回复内容：已分配商家 顺丰官方客服</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span > <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/finance/blackcat/wap/img/icon-code-24.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">黑猫消费者服务平台</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:55:51</span>
																		<div class="ans">回复内容：</div>
																	</div>
																	<div class="search-answer" style="margin-left: 10px;">
																		<span> <img
																			style="width: 30px; height: 30px; border-radius: 50%;"
																			src="http://n.sinaimg.cn/tech/hmapp/user_default.png"></span>
																		<span style="margin-right: 20px;"> <a
																			target="_blank" href="">匿名</a></span> <span
																			style="margin-right: 20px;">回复时间：2020-02-21 23:52:38
																			</span>
																		<div class="ans">回复内容：从连云港转往南通却又转回去了，预计时间内估计没法送到了，收件方急才给他发了标快，结果现在因为中转问题延误。希望尽快转出，别丢件</div>
																	</div>
																</div>
																<div class="obj">
																	<span>投诉对象：顺丰官方客服</span>
																	<span>投诉金额：633元</span>
																	<span>诉求类型：快速配送,要求物流如实反馈</span>
																	<span>状态：处理中</span>
																	<span>来源：黑猫投诉</span>
																</div>
															</td>
														</tr>
								
								
													</tbody>

												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


			<jsp:include page="footer.jsp" flush="true" />
		</div>
	</div>


	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>

	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/plugins/chosen/chosen.jquery.js"></script>

	<script
		src="${pageContext.request.contextPath }/js/plugins/pace/pace.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/plugins/jasny/jasny-bootstrap.min.js"></script>


	<!-- FooTable -->
	<script
		src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<!-- Sparkline -->
	<script
		src="${pageContext.request.contextPath}/in-admin/js/plugins/sparkline/jquery.sparkline.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<!-- Page-Level Scripts -->
	<script
		src="${pageContext.request.contextPath}/js/plugins/select2/select2.full.min.js"></script>
	<script src="${pageContext.request.contextPath }/js/userCustom.js"></script>
	<script type="text/javascript">
	var navlist = 
		'<li class="nav2active"><a href="#">聚投诉</a></li>'+
		'<li><a href="#">黑猫投诉</a></li>'+
		'<li><a href="#">市长信箱</a></li>'+
		'<li><a href="#">消费宝</a></li>'
		$("#nav3list").append(navlist)
		$("#nav3list li").click(function(){
		$(this).siblings().removeClass("nav2active")
		$(this).addClass("nav2active")
	}) 
		 
	 var trs = document.getElementById("tbMain").getElementsByTagName("tr"); 
	  
	   var trs=document.getElementById("tbMain").getElementsByTagName("tr");
	       $(function(){
	           for(var i=0;i<trs.length;i++){
	               trs[i].onmousedown = function(){
	                   mousedownclick(this);
	                  
	               }
	           }
	       });
	       function mousedownclick(obj){
	           for(var j=0;j<trs.length;j++){
	               if(trs[j]==obj){
	                   trs[j].style.background='rgb(228, 232, 247)';
	                   trs[j].style.color='#001627';
	               }else{
	                   trs[j].style.background='';
	               }
	           }
	       }	
	</script>
	
	<script>
		$(document).ready(function() {
			fourLine();
			line();
			/* article(1); */
			$('.chosen-select').chosen({
				search_contains : true, //设置全文查询
				disable_search_threshold : 20000
			//当下拉列表中的选项<4 时隐藏搜索功能
			});
			var config = {
				'.chosen-select' : {},
				'.chosen-select-deselect' : {
					allow_single_deselect : true
				},
				'.chosen-select-no-single' : {
					disable_search_threshold : 10
				},
				'.chosen-select-no-results' : {
					no_results_text : 'Oops, nothing found!'
				},
				'.chosen-select-width' : {
					width : "95%"
				}
			}
			for ( var selector in config) {
				$(selector).chosen(config[selector]);
			}
		});
		/* $(function(){
			article(1)
		});
		

		function article(page){
			$.ajax({
				url : "${pageContext.request.contextPath}/complaintdata/blackCat-data?classify=h",
				type : "post",
				data:{
					page: page,
				},
				success : function(res) {
					$('#list').html('')
					paging(res.count, res.page_count, page)
					var list = res.news;
					for (var i = 0; i < list.length; i++) {
						var content = list[i]._source.content;
						var answerHtml="";
						if(list[i]._source.process!=""){
							var imghtml="";
		    				var answerArray=JSON.parse(list[i]._source.process);
		    				for(var n=0;n<answerArray.length;n++){
		    					var answer=answerArray[n];
		    					var answerContent=answer.content;
		    					answerHtml=answerHtml+' <div class="search-answer"; style="margin-left:50px;">'+'<p>'+
		    											'<span style="margin-right: 30px;"><img style="width:50px; height:50px; border-radius:50%; " src="'+answer.uimg+'"></span>'+
								                   		'<span style="margin-right: 30px;"><a target="_blank" href="">'+answer.uname+'</a></span>'+
								                   		'<span style="margin-right: 30px;">回复时间:'+answer.date+'</span></br>'
								                   		+'<span style="margin-left:80px;">'+'回复:'+answerContent+'</span>'
								                   		
		    				
		    				}
		    				if (answerArray.length == 0) {
		    					answerHtml='<div class="search-answer">暂无评论！</div>'
							}
						}
						
						var str = /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]*)?)/gi;
					    var name=list[i]._source.uname.replace(str,'<img style="height:20px;margin-left:10px;" src=$1>'); 
						var html = '<tr><td>'+list[i]._source.uname+'</td>'+
										'<td>'+list[i]._source.release_date+'<td>'+
										'<td>'+list[i]._source.problem+'<td>'+
										'<td>'+list[i]._source.object+'<td>'
					               ' </div>'
					     $('#list').append(html)
					}
						
					
					if (list.length == 0) {
						$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
				},
				error: function(res) {
					$('#list').html('<div class="feed-element">暂无数据！</div>')
				}
			});
		}
		
		function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
		
		function JumpToPage(pageNum) {
			article(pageNum)
		}
		 */
		function fourLine() {
			var sparklineCharts = function() {
				$("#sparkline1").sparkline([ 34, 43, 43, 35, 44, 32, 44, 52 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#1ab394',
							fillColor : "#ffffff"
						});

				$("#sparkline2").sparkline([ 24, 43, 43, 55, 44, 62, 44, 72 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#1ab394',
							fillColor : "#ffffff"
						});

				$("#sparkline3").sparkline([ 74, 43, 23, 55, 54, 32, 24, 12 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#ed5565',
							fillColor : "#ffffff"
						});

				$("#sparkline4").sparkline([ 24, 43, 33, 55, 64, 72, 44, 22 ],
						{
							type : 'line',
							width : '100%',
							height : '60',
							lineColor : '#ed5565',
							fillColor : "#ffffff"
						});
			};
			//        var sparkResize;
			//        $(window).resize(function(e) {
			//            clearTimeout(sparkResize);
			//            sparkResize = setTimeout(sparklineCharts, 500);
			//        });
			sparklineCharts();
		}

		function line() {
			anychart.onDocumentReady(function() {
				var dataSet = anychart.data.set(getData());
				var chart = anychart.line();
				chart.animation(true);
				chart.padding([ 10, 20, 5, 20 ]);
				chart.xAxis().labels().padding(5);
				chart.crosshair().enabled(true).yLabel(false).yStroke(null);
				chart.tooltip().positionMode('point');
				chart.title('统计14天每日数据采集状态走势');
				var seriesData_1 = dataSet.mapAs({
					'x' : 0,
					'value' : 1
				});
				var series_1 = chart.line(seriesData_1);
				series_1.name('日采集数量');
				series_1.hovered().markers().enabled(true).type('circle').size(
						4);
				series_1.tooltip().position('right').anchor('left-center')
						.offsetX(5).offsetY(5);
				chart.legend().enabled(true).fontSize(13).padding(
						[ 0, 0, 10, 0 ]);
				chart.container('container');
				chart.draw();

				$('.anychart-credits').remove()
			});

			function getData() {
				return [ [ '2-10', 17.5 ], [ '2-11', 18.9 ], [ '2-12', 20.8 ],
						[ '2-13', 22.9 ], [ '2-14', 25.2 ], [ '2-15', 27.0 ],
						[ '2-16', 26.5 ], [ '2-17', 25.3 ], [ '2-18', 23.4 ],
						[ '2-19', 19.5 ], [ '2-20', 17.8 ], [ '2-21', 16.2 ],
						[ '2-22', 15.4 ], [ '2-23', 14.0 ], [ '2-24', 12.5 ],
						[ '2-25', 10.8 ], [ '2-26', 8.9 ], [ '2-27', 18.0 ],
						[ '2-28', 6.2 ] ]
			}
		}

		//跑马灯方法
		function init() {
			//获取标题
			var title = document.title;
			//分割字符串--->字符数组
			var arr = title.split("");
			//删除第一个元素并返回该元素
			var e = arr.shift();
			//把一个对象添加到数组末尾
			arr.push(e);
			//把数组转换成字符串
			var marquee = arr.join("");
			//返回给浏览器
			document.title = marquee;
			//定时一直执行
			window.setTimeout("init()", 1000);
		}

		window.onload = init;
	</script>





	<!-- 
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
 -->






</body>

</html>
